﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>


<script>
$(function(){
	delay_1 = .1;
	self_delay_3 = 0;
	self_delay_4 = 1.4;
	
	var word = ["又玩","手机了吗？？？","作业","写完了吗？","你知道","妈妈","一天有","多忙多累吗！"];
	
	for(var i=0;i<word.length;i++){
		var str = str+"<u>"+ word[i] +"</u>";
	};
	str = "<dl>"+str+"</dl>";	
		
	$(".talk_write").append(str)

	for(var i=0;i<word.length;i++){
		$(".talk_write u").eq(i).css({
			"animation-delay":delay_1+1.4-.15*i+"s"
		});
		
	};
	over_1 = delay_1 + .3
	delay_2 = over_1
	delay_3 = delay_2 + self_delay_3;
	delay_4 = delay_3 + self_delay_4;
	
	page_total = delay_4+0.1;
	
	setTimeout(function(){
		window.parent.nextAnimation('page20_write_3.html');
	},page_total*1000);	
})
</script>

<style>
	.talk_write u{animation-name: hide; display: inline-block; font-size: 14px; overflow: hidden;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_15">20:30</dl></div>
	<div class="talk keyboard_show">
		<div class="talk_list">
			<div class="talk_time"><em>昨天 12:00</em></div>
			<dl class="talk_children_0"></dl>
			<div class="talk_time"><em class="time_point_15"></em></div>
			<dl class="talk_children_1"></dl>
		</div>
		<div class="talk_top"><dl>女儿</dl></div>
		<div class="talk_bottom_box">
			<div class="talk_bottom">
				<div class="talk_bottom_input talk_write"></div>
			</div>
		</div>
	</div>
</div>

</body>
</html>